<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>图书详情</title>
    <script src="lib/jquery/jquery-3.6.0.min.js"></script>
    <script src="js/app.js"></script>
    <script src="js/detail.js"></script>
    <link rel="stylesheet" href="css/book_details.css">

    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css">

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="lib/bootstrap/js/bootstrap.min.js"></script>
</head>

<body>
    <!--头部-->
    <div class="header">
        <nav class="navbar navbar-default">
            <div class="container-fluid">

                <!--            首页链接-->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                    <a class="navbar-brand active" href="index.html">首页</a>
                </div>


                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <!--                专题，咨询，借阅，还书，链接-->
                    <ul class="nav navbar-nav">
                        <li>
                            <a> </a>
                        </li>
                        <li><a href="book_details.html">全部 <span class="sr-only"></span></a></li>
                        <li>
                            <a> </a>
                        </li>
                        <li><a href="lib/404/404.html">资讯</a></li>
                        <li>
                            <a> </a>
                        </li>
                        <li><a href="lib/404/404.html">借阅</a></li>
                        <li>
                            <a> </a>
                        </li>
                        <li><a href="lib/404/404.html">还书</a></li>
                    </ul>
                    <!--                <form class="navbar-form navbar-left">-->
                    <!--                    <div class="form-group">-->
                    <!--                        <input type="text" class="form-control" placeholder="三体 刘慈欣">-->
                    <!--                    </div>-->
                    <!--                    <button type="submit" class="btn btn-info">查找图书</button>-->
                    <!--                </form>-->
                    <ul class="nav navbar-nav navbar-right">

                        <!--                    搜索图书功能-->
                        <form class="navbar-form navbar-left">
                            <div class="form-group">
                                <input type="text" class="form-control" id="search_input" placeholder="输入书名">
                            </div>
                            <button type="submit" class="btn btn-info" id="search_btn">查找图书</button>
                        </form>

                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">我的 <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">登录</a></li>
                                <li><a href="#">注册</a></li>
                                <li><a href="#">修改资料</a></li>
                                <li role="separator" class="divider"></li>
                                <li><a href="#">管理图书</a></li>
                            </ul>
                        </li>
                        <!--                    <li class="dropdown">-->
                        <!--                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>-->
                        <!--                        <ul class="dropdown-menu">-->
                        <!--                            <li><a href="#">Action</a></li>-->
                        <!--                            <li><a href="#">Another action</a></li>-->
                        <!--                            <li><a href="#">Something else here</a></li>-->
                        <!--                            <li role="separator" class="divider"></li>-->
                        <!--                            <li><a href="#">Separated link</a></li>-->
                        <!--                        </ul>-->
                        <!--                    </li>-->
                    </ul>
                </div>
                <!-- /.navbar-collapse -->
            </div>
            <!-- /.container-fluid -->
        </nav>

    </div>

<div class="media">
    <div class="media-left media-middle">
        <a href="#">
            <img class="media-object" src="image/book.jpg" alt="暂无图片">
        </a>
    </div>
    <div class="media-body">
        <h5 class="media-heading">
            <table class="book_info">
                <tr>
                    <th>
                        <span>书名：</span>
                    </th>
                    <td>
                        轻描淡写
                    </td>
                    <th>
                        <span>作者：</span>
                    </th>
                    <td>
                        白小易
                    </td>
                </tr>
                <tr>
                    <th>
                        <span>图书编号：</span>
                    </th>
                    <td>
                        8828281978
                    </td>
                    <th>
                        <span>藏书编号：</span>
                    </th>
                    <td>
                        X-H-32523F
                    </td>
                </tr>
                <tr>
                    <th>
                        <span>藏书位置：</span>
                    </th>
                    <td>
                        计算机学院资料室
                    </td>
                </tr>
            </table>
        </h5>
        <br>
        <span><b> 图书简介：</b></span>
        <p class="book_introduce">
            《轻描淡写》是2009年浙江文艺出版社出版的图书，作者是白小易。该作品收录了白小易、阿成的短篇小说。
            收录的作品短小 精悍，或结构奇巧，结局让人拍案叫绝；或意味隽永，凝结着社会与人性的深切感悟；或温情款款，写尽饮食
            男女的喜怒哀乐。影响相当广泛，其中不少作品，已被编入中外各种文学教材。
        </p>
    </div>
</div>-->


    <!--  ajax  图书信息列表-->
    <!--    style="overflow:scroll; width:100%; height:500px"-->
    <div class="content">

    </div>


    <!--尾部-->
    <div style="width:100%; height:100px;background-color:#F8F8F8;margin-top: 5%; ">

    </div>

</body>

</html>